<template>
<div>
    <p class="display-3">detail</p>
    <p class="caption">2021-3-22 17:22</p>
    <p>
        <span>阅读</span>
        <span>10</span>
        <span class="ml-5">评论</span>
        <span>10</span>
        <span class="ml-5">喜欢</span>
        <span>1</span>
    </p>
    <mavon-editor id="editor" v-model="value" :subfield="false" :defaultOpen="'preview'" :boxShadow="false" :toolbarsFlag="false" :editable="false"
    :scrollStyle="true" :ishljs="true"/>
    
</div>
</template>
<script>
    // @ is an alias to /src
    //import HelloWorld from '@/components/HelloWorld.vue'
    import * as $ from "jquery"

    export default {
        name: 'detail',
        components: {
            //HelloWorld
        },
        data:function(){
            return{
                value:"123"
            }
        },
        mounted(){
            $(".v-show-content.scroll-style.scroll-style-border-radius").css("background-color","white")
            $(".v-note-wrapper").css("border","none")
            $(".v-show-content.scroll-style.scroll-style-border-radius").css("padding",0)
        },
        created(){
            this.$emit("fnc")
            this.$emit("hideBackToTop")
            //解决抽屉无法覆盖markdown文本bug
            $(".v-navigation-drawer--temporary").css("z-index",10000)
            $(".markdown-body").css("z-index",0)
            
        },
        methods:{

        },
        updated() {  
            //解决抽屉无法覆盖markdown文本bug
            $(".v-navigation-drawer--temporary").css("z-index",10000)
            $(".markdown-body").css("z-index",0)
        }
    }
</script>